<!DOCTYPE html>
<html class="ui-mobile-rendering">
    <head>
        <title></title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/jquery.mobile-1.0.1.min.css"/>
        <!-- The Scripts -->
        <script src="lib/jquery-1.7.1.min.js"></script>
        <script src="js/jqm-config.js"></script>
        <script src="lib/jquery.mobile-1.0.1.min.js"></script>
        <script src="lib/underscore-min.js"></script>
        <script src="lib/backbone-min.js"></script>
        <script src="js/main.js"></script>
    </head>

    <body>
        <div id="loginPage" data-role="page">
            <div data-role="header">
                <h1>Authentication</h1>
            </div>

            <div data-role="content">   
                <div id="landmark-1" data-landmark-id="1">
                    <form id="loginForm" action="screen3.html">
                        <div data-role="fieldcontain" class="ui-hide-label">
                            <label for="username">Username:</label>
                            <input type="text" name="username" id="username" value="" placeholder="Username" />
                        </div>

                        <div data-role="fieldcontain" class="ui-hide-label">
                            <label for="password">Password:</label>
                            <input type="password" name="password" id="password" value="" placeholder="Password" />
                        </div>

                        <div data-role="fieldcontain">
                            <fieldset data-role="controlgroup">
                                <legend></legend>
                                <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
                                <label for="checkbox-1">Rememeber Me</label>
                            </fieldset>
                        </div>
                        <input type="submit" value="Login" id="submitButton">
                    </form>
                </div>  
            </div>

            <div data-role="footer">
                <h4>&copy; SMS Inator</h4>
            </div>
        </body>

</html>